<%= javascript_include_tag "application" %>

<%= form_for @cultural_heritage_cultural_institution,:html => { :multipart => true,:onsubmit => "return validate(this);"} do |f| %>
  <% if @cultural_heritage_cultural_institution.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@cultural_heritage_cultural_institution.errors.count, "error") %> prohibited this cultural_heritage_cultural_institution from being saved:</h2>

      <ul>
      <% @cultural_heritage_cultural_institution.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
      </ul>
    </div>
  <% end %>

<br></br>
<div class="shadow">
<fieldset id="agrupacion" >
<legend>Datos Básicos </legend>
    <fieldset class="column-left">
      <div class="field">               
        <label>Nombre:</label>
        <%= f.text_field :name %>
      </div>      
      <div class="field">
       <label>Descripción:</label>
        <%= f.text_area :description %>
      </div>
    </fieldset>

    <fieldset class="column-right3"id="agrupacion" >
      <legend>Foto:</legend>
      <div <%if @cultural_heritage_cultural_institution.avatar_file_name.blank? %> style="display:none"<%end%> >
      <%if !@cultural_heritage_cultural_institution.avatar_file_name.blank? %>
        <p>
            <%cultural_heritage_cultural_heritage_avatar=@cultural_heritage_cultural_institution%>
            <a href=<%=cultural_heritage_cultural_heritage_avatar.avatar.url%> rel="lightbox[roadtrip]" title=<%=cultural_heritage_cultural_heritage_avatar.name%>><img src=<%=cultural_heritage_cultural_heritage_avatar.avatar.url%> width="200" height="200" /></a>
        </p>
      <%end%>
      </div>
      <div class="field">
        <%= f.file_field :avatar %>
      </div>
    </fieldset>

</fieldset>

<br></br>


<fieldset id="agrupacion" >
<legend>Datos Adicionales </legend>
<fieldset class="column-left">
  <div class="field">
    <label>Correo:</label><br />
    <%= f.text_field :email %>
  </div>
  <div class="field">
    <label>Teléfono:</label><br />
    <%= f.text_field :phone %>
  </div>
  </fieldset>
<fieldset class="column-right">
  <div class="field">
   <label>Web:</label><br />
    <%= f.text_field :web %>
  </div>
  </fieldset>
</fieldset>

<fieldset id="agrupacion">
    <legend>Ubicación</legend>
    <fieldset class="column-left">
    <div class="field">
      <label>Latitud:</label><br />
      <%= f.text_field :latitude %>
    </div>
    <div class="field">
      <p><label>Departamento:</label><br /><%= f.select :department,@departments.collect { |t| [t.name,t.id]}, {:include_blank=>"Seleccione"} %> </p>
    </div>
    <div id="provinces">
      <%= render :partial =>'provinces'%>
    </div>
    </fieldset>
    <fieldset class="column-right">
    <div class="field">
      <label>Altitud:</label><br />
      <%= f.text_field :longitude %>
    </div>
      <div class="field">
        <label>Dirección:</label><br />
        <%= f.text_area :address %>
    </div>
    </fieldset>
    
    
  
</fieldset>
<br></br>

<div class="actions">
    <%= f.submit "Enviar"%>
</div>
</div>
<% end %>

<script type="text/javascript">
  // form validation function //
  function validate(form) {
    //input
    var name = form.cultural_heritage_cultural_institution_name.value;
    var _latitude  = form.cultural_heritage_cultural_institution_latitude.value;
    var _longitude  = form.cultural_heritage_cultural_institution_longitude.value;
    var email = form.cultural_heritage_cultural_institution_email.value;
    var webpage = form.cultural_heritage_cultural_institution_web.value;
    var phone = form.cultural_heritage_cultural_institution_phone.value;

    var departamento = form.cultural_heritage_cultural_institution_department.value;
    var provicina    = form.cultural_heritage_cultural_institution_province.value;
    var distrito     = form.cultural_heritage_cultural_institution_district.value;
    //select
    
    /*NO TOCAR*/

    /*FIN DE NO TOCAR*/

    /*Para un input*/
 
    if(name == "") {
      inlineMsg('cultural_heritage_cultural_institution_name','Debe ingresar un nombre para la Institucion Cultural.',3);
      return false;
    }
    if(!name.match(nameRegex)) {
      inlineMsg('cultural_heritage_cultural_institution_name','Debe ingresar un nombre con el formato válido.',3);
      return false;
    }
    if (email.toString().length >0) {
      if(!email.match(emailRegex)) {
        inlineMsg('cultural_heritage_cultural_institution_email','Debe ingresar un email con el formato válido.',3);
        return false;
      }
    }
    if (webpage.toString().length >0) {
      if(!webpage.match(webRegex)) {
        inlineMsg('cultural_heritage_cultural_institution_web','Debe ingresar una web con el formato válido. (http://www.web.com)',3);
        return false;
      }
    }
    if (phone.toString().length >0) {
      if(!phone.match(phoneRegex)) {
        inlineMsg('cultural_heritage_cultural_institution_phone','Debe ingresar un telefono con el formato válido.',3);
        return false;
      }
    }
    if (_latitude.toString().length >0 && _longitude.toString().length <= 0) {
      inlineMsg('cultural_heritage_cultural_institution_longitude','Debe de ingresar una altitud para considerar la georeferencia.',3);
      return false;
    }
    if (_latitude.toString().length <= 0 && _longitude.toString().length > 0) {
      inlineMsg('cultural_heritage_cultural_institution_latitude','Debe ingresar una latitud para considerar la georeferencia.',3);
      return false;
    }
    if (_latitude.toString().length >0) {
      if(!_latitude.match(latlongRegex)) {
        inlineMsg('cultural_heritage_cultural_institution_latitude','Debe ingresar una latitud con el formato válido.',3);
        return false;
      }
    }
    if (_longitude.toString().length >0) {
      if(!_longitude.match(latlongRegex)) {
        inlineMsg('cultural_heritage_cultural_institution_longitude','Debe de ingresar una altitud con el formato válido.',3);
        return false;
      }
    }
    if (departamento == null || departamento == "") {
      inlineMsg('cultural_heritage_cultural_institution_department','Debe seleccionar un departamento para la Institucion Cultural.',3);
      return false;
    }
    if (provicina == null || provicina == "") {
      inlineMsg('cultural_heritage_cultural_institution_province','Debe seleccionar una provincia para la Institucion Cultural.',3);
      return false;
    }
    if (distrito == null || distrito == "") {
      inlineMsg('cultural_heritage_cultural_institution_district','Debe seleccionar un distrito para la Institucion Cultural.',3);
      return false;
    } 
  }
</script>